<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <link rel="stylesheet" href="../../css/api.css">
      <link rel="stylesheet" href="../../css/base_bai/base.css">
      <title>发表评价</title>

      <style>
      img{    display: block;}
     h3{font-size: initial;}
        html, body{font-size: 100%;background: #F5F5F5}
      .van-nav-bar .van-icon{color:black;}


      .order_info{padding:0.5rem;background: white;margin: 0.5rem 0}
      .order_title{display: flex;align-items: center;padding: 1rem 0 0.5rem; }
      .order_title>div:nth-child(1){display: flex;align-items: center;font-size: 0.7rem; }
      .order_title>div:nth-child(2){flex: 3;text-align: right;font-size: 0.7rem;color:#999999}
      .order_title>div img{width: 2rem;padding-right: .5rem}

      .order_cont{ border-top: 1px solid #f7f7f7;display:flex;padding: 1rem 0 0.5rem;}
      .order_cont *{font-size: .9rem}
      .order_cont>[cont]{position: relative;}
      .order_cont>[cont]>div:nth-child(1){height:2.3rem;   display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
      .order_cont>[cont]>div:nth-child(2){position:absolute;    bottom: 0;}
      .order_cont>[shop_img]{margin-right:.5rem}
      .order_cont [cont_font]>span{color:#979899;  padding-right: 1rem;}

      .van-cell{padding:0;    background: #F5F5F5;    padding: .5rem;}

      .comment_score{margin: 1rem 0;display: flex}
      .com_sub{    border-radius: 2rem;background: #FF9800;margin: 1rem 0;border:1px solid #FF9800;   height: 44px; line-height: 42px}


      div:focus{  -webkit-user-modify:initial;  }
      </style>
  </head>
  <body>
  <div id="app" v-cloak>

    <div>
        <van-nav-bar class="m-header" title="查看物流" left-arrow @click-left="  closeWin()" />
    </div>


  <div>

    <div class="order_info"  >
                  <div class="order_title">
                      <div><img src="../../image/center_order_list_1.png"  style="width:2rem"/>商户名称</div>
                      <div>订单号：546566565665645565</div>
                  </div>
                  <div class="order_cont">
                      <div  shop_img><img src="../../image/center_order_list_2.png"  style="width:6.25rem"/></div>
                      <div  cont >
                        <div>北欧小户型布艺沙发客厅双人三人简约风格沙发日式小沙发组合ins质</div>
                        <div>
                          <div style="color:#979899">x1</div>
                          <div cont_font>
                            <span>¥ 679.9</span>共1件商品 合计:<span style="font-weight: 600;color:black ">¥ 679.9</span>
                          </div>
                      </div>
                      </div>
                  </div>
                  <div class="comment">
                    <div class="comment_score"  ><div style="margin-right:1rem">整体评价:</div><div><van-rate color="#FF9800" v-model="score" /></div></div>
                    <div>
                      <van-cell-group>
                        <van-field
                          v-model="comment"
                          rows="5"
                          autosize

                          type="textarea"
                          maxlength="160"
                          placeholder="  宝贝满足你的期待吗？说说他的优点和美中不足吧！请在此处畅所欲言吧！  "
                          show-word-limit
                        />
                      </van-cell-group>
                    </div>
                    <van-button class="com_sub" type="primary" size="large">确认评价</van-button>
                  </div>
              </div>





  </div>



  </div>
  </body>
  <script src="../../script/api.js"></script>
  <script src="../../script/base_bai/vue.js"></script>
  <script src="../../script/base_bai/vant.js"></script>
  <script src="../../script/base_bai/base.js"></script>
  <script src="../../script/base_bai/temp.js"></script>
  <script type="text/javascript">
      apiready = function(){
            headerH = $api.fixStatusBar($api.byId('app'));
        Vue.prototype.$ac = api;
        initVue()
      };
      if (BrowserType() == 'pc') {
          initVue()
      }
      function initVue() {
          new Vue({
              el: '#app',

            data:{
            comment:"",
            score:3
            },
            methods: {

            }

          })
      }
  </script>
  </html>
